<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <style type="text/css">
            @import "http://o.aolcdn.com/dojo/1.0/dijit/themes/tundra/tundra.css";
            @import "http://o.aolcdn.com/dojo/1.0/dojo/resources/dojo.css"
        </style>
        <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0/dojo/dojo.xd.js" 
                djConfig="parseOnLoad: true"></script>
        
        
        <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.layout.AccordionContainer");
       dojo.require("dijit.TitlePane");

        </script>
        
        <script type="text/javascript">
            function getContactsSelects(){
             var contactListSelected ="";
                var checks = document.getElementById("chkContact");
                if ( checks != null ) {
                         alert("value --"+ 900);
                    for(var i = 0; i < checks.length; i++){
                             alert("value --"+ i);
                        if (checks[i].checked == true){
                            contactListSelected = contactListSelected + checks[i].value + ",";
                                     alert("value --"+ contactListSelected);
                        }
                    }
                    alert("value --"+ contactListSelected);
                    contactListSelected = contactListSelected.substring(0, contactListSelected.length-1);
                    opener.document.messageFormHtml.agendaNumbers.value = contactListSelected;
                    window.close();
                }
            }
        </script>
    </head>
    <body class="tundra">
        <%--
        <div dojoType="dijit.layout.AccordionContainer" duration="80"
             style="margin-right: 10px; width: 500px; height: 200px;">
            
            <div dojoType="dijit.layout.AccordionPane" selected="true" title="Benefits of Dojo">
                <p >Benefits of Dojo: Associative arrays, Loosely typed variables, 
                    Regular expressions, Objects and classes, Highly evolved date, math, and string libraries, 
                W3C DOM support in the Dojo.</p >
            </div>
            
            <div dojoType="dijit.layout.AccordionPane" title="Introduction to Dojo">
                <p>This tips is light towards people with some JavaScript knowledge, 
                    priestly used another JavaScript (Ajax) framework before, now have a real need to use some of
                the features found in dojo.</p>
            </div>
            
            <div dojoType="dijit.layout.AccordionPane" title="WebSite for Dojo Tutorial">
                <p>If you want to learn dojo. Please go the following url and read the dojo 
                    tutorials with running examples.
                URL: www.roseindia.net/dojo/</p>
            </div>
        </div>
        
        <br/>
        <br/>
        <br/>
        --%>
        <form action="contactsSelectedView.htm" method="POST">
            <input type="submit" value="Ok"  />
            <c:forEach var="group" items="${groupList}" >
                <div dojoType="dijit.TitlePane" open="false" href="getContactsByGroupId.htm?groupAction=<c:out value="${group.id}"/>&contactIdSel=<%=request.getParameter("contactIdSel")%>" title="<c:out value="${group.groupDescription}"/>">
                    Loading...
                </div>
            </c:forEach>
            <input type="submit" value="Ok" />   
            <script>
                <c:if test='${flagInst == "SET_IDS_CLOSE"}'>
                    opener.document.messageFormHtml.agendaNumbers.value = "${listContactsSlected}";
                    opener.document.messageFormHtml.totalContactsSelected.value = "${totalContactsSelected}";
                    window.close();
                </c:if>
    

                  
            </script>
        </form>
    </body>
</html>


